{% extends 'base/front_base.html' %}
{% block title %}
    首页
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{% static 'css/news/news.css' %}">
    {#    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>#}
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
{% endblock %}
{% block main %}
    <!-- 中间部分 -->
    <div class="main">
        <div class="main-container">
            <div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators"> {#小点的数量与图片数量一样#}
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="https://static-image.xfz.cn/1529553938_445.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="https://static-image.xfz.cn/1528953149_507.jpeg" alt="...">
                    </div>
                    <div class="item">
                        <img src="https://static-image.xfz.cn/1529561063_668.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="https://static-image.xfz.cn/1529634824_671.jpeg" alt="...">
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="list-outer-group">
                <ul class="list-tab-group">
                    <li class="active">
                        <a href="#">最新资讯</a>
                    </li>
                    <li>
                        <a href="#">热点</a>
                    </li>
                    <li>
                        <a href="#">深度报道</a>
                    </li>
                    <li>
                        <a href="#">干货分享</a>
                    </li>
                    <li>
                        <a href="#">投资小说</a>
                    </li>
                </ul>
            </div>
            <ul class="news-list-group">
                <li>
                    <div class="thumbnail-group">
                        <a href="#">
                            <img src="https://static-image.xfz.cn/1529636550_257.jpg-website.news.list" alt="">
                        </a>
                    </div>
                    <div class="news-group">
                        <div class="title">
                            <a href="#">CADCC综合品牌渠道发展委员会成立：电商平台强势赋能二网 全产业链助力汽车渠道下沉</a>
                        </div>
                        <p class="desc">不凡商业6月22日消息，昨日，CADCC综合品牌渠道发展委员会成立大会，暨牛牛汽车、汽车之家招商联盟签约仪式在上海举行。</p>
                        <div class="news-more-group">
                            <span class="category">深度报道</span>
                            <span class="pub-time">1个小时之前</span>
                            <span class="author">admin</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="thumbnail-group">
                        <a href="#">
                            <img src="https://static-image.xfz.cn/1529636550_257.jpg-website.news.list" alt="">
                        </a>
                    </div>
                    <div class="news-group">
                        <div class="title">
                            <a href="#">CADCC综合品牌渠道发展委员会成立：电商平台强势赋能二网 全产业链助力汽车渠道下沉</a>
                        </div>
                        <p class="desc">不凡商业6月22日消息，昨日，CADCC综合品牌渠道发展委员会成立大会，暨牛牛汽车、汽车之家招商联盟签约仪式在上海举行。</p>
                        <div class="news-more-group">
                            <span class="category">深度报道</span>
                            <span class="pub-time">1个小时之前</span>
                            <span class="author">admin</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="thumbnail-group">
                        <a href="#">
                            <img src="https://static-image.xfz.cn/1529636550_257.jpg-website.news.list" alt="">
                        </a>
                    </div>
                    <div class="news-group">
                        <div class="title">
                            <a href="#">CADCC综合品牌渠道发展委员会成立：电商平台强势赋能二网 全产业链助力汽车渠道下沉</a>
                        </div>
                        <p class="desc">不凡商业6月22日消息，昨日，CADCC综合品牌渠道发展委员会成立大会，暨牛牛汽车、汽车之家招商联盟签约仪式在上海举行。</p>
                        <div class="news-more-group">
                            <span class="category">深度报道</span>
                            <span class="pub-time">1个小时之前</span>
                            <span class="author">admin</span>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="load-more-group">
                <button class="load-more-btn">加载更多...</button>
            </div>
        </div>
        <div class="sidebar-container">
            {% include 'base/side.html' %}
        </div>

    </div>
{% endblock %}